<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/both.css">
    <link rel="stylesheet" href="css/contact-us.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=29dosuZrFUdGIC1SfyBGWwm01RW6M5Qx"></script>
    <title>联系我们</title>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
                <img src="images/kb-logo.png" alt="" style="width:139px;display:block">
            </a>
            </div>
        
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
                <li><a href="handApp.html">掌上快币APP</a></li>
                <li><a href="#">快币传媒</a></li>
                <li><a href="supply.html">业务体系</a></li>
                <li><a href="news-information.html">新闻资讯</a></li>
                <li><a href="enterprise-culture.html">企业文化</a></li>
                <li><a href="talents.html">招兵买马</a></li>
                <li><a href="contact-us.html" class="active">联系我们</a></li>
                <li class="lastIcon">400-6308726</li>
            </ul>
            
            
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- 中间内容 -->
    <div class="container-fluid">
        <div class="row oContent clear-fix">
            <!-- 左边 -->
            <div class="oLeft fl">
                <!--1 从沟通开始 -->
                <h1 class="talk">从沟通开始</h1>
                <!-- 2 联系快币传媒 -->
                <h2  class="lianxi">联系快币传媒</h2>
                <h3 class="telephone">400-6308726</h3>
                <!-- 地图 -->
                <div id="allmap"></div>
                <!-- 地址名称 -->
                <div class="site">
                    <span>>地址:上海市静安区广中西路777弄10号楼5楼<</span>
                </div>
            </div>
            <!-- 右边 -->
            <div class="oRight fr">
                <!-- 联系客服 -->
                <div class="service-help">
                    <div class="touch-service">联系客服：</div>
                    <div class="service-tel">客服电话：400-630-8726</div>
                    <div class="kf-email">电子邮箱：kf@51kuaibi.com</div>
                    <div class="qq-cluster">QQ群：252335315</div> 
                </div>
                <!-- 咨询商户 -->
                <div class="consult-merchant">
                    <div class="touch-service">商务咨询</div>
                    <div class="service-tel">联系电话：86（21）80317600-8011</div>
                    <div class="kf-email">传真号码：86（21）80317600-8011</div>
                    <div class="qq-cluster">电子邮箱：miki@51kuaibi.com</div> 
                </div>
                <!-- 留言 -->
                <div class="leave-message">
                    <h4>如有需求请留言，我们会尽快联系您></h4>
                    <form action="">
                        <textarea name="" id="" placeholder="需要什么帮助"></textarea>
                        <input type="text" placeholder="姓名">
                        <input type="telphone" placeholder="手机">
                        <div class="oSbumit">
                            <input type="submit" value="提交">
                        </div>
                    </form>
                </div>
                <!-- 二维码 -->
                <div class="er-code clear-fix">
                    <div class="code fl">
                        <img src="./images/er-code.png" alt="">
                    </div>
                    <p class="fl saoma">扫码关注公众号</p>
                </div>
            </div>
        </div>
    </div>
    

    <!-- 底部备号 -->
    <div class="bottom">沪ICP备15042952号</div>


<script>
    
    // 百度地图API功能
	var map = new BMap.Map("allmap");
    var point = new BMap.Point(121.444538,31.285501);
    map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
    map.enableContinuousZoom();  
    map.addControl(new BMap.NavigationControl());        // 添加平移缩放控件
	map.addControl(new BMap.ScaleControl());             // 添加比例尺控件
	map.addControl(new BMap.OverviewMapControl()); 
	var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	map.centerAndZoom(point, 12);
	var opts = {
	  width : 200,     // 信息窗口宽度
	  height: 50,     // 信息窗口高度
	  title : "上海快贔传媒" , // 信息窗口标题
	}
	var infoWindow = new BMap.InfoWindow("上海市静安区广中西路777弄10号楼", opts);  // 创建信息窗口对象 
	marker.addEventListener("click", function(){          
		map.openInfoWindow(infoWindow,point); //开启信息窗口
    });
    map.openInfoWindow(infoWindow,point)
</script>






    <script src="js/jquery-3.2.0.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>